<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>带返回值的函数</title>
</head>

<body>
    <h1>带有返回值的函数</h1>
    <p>有时，我们会希望函数将值返回调用它的地方。</p>
    <p>通过使用 return 语句就可以实现。</p>
    <p>在使用 return 语句时，函数会停止执行，并返回指定的值。</p>
    <h4>语法</h4>
    <pre>
        function myFunction(){
            var x = 5;
            return x;
        }
    </pre>
    <p>上面的函数会返回值 5。</p>
    <p><b>注意： </b>整个 JavaScript 并不会停止执行，仅仅是函数。JavaScript 将继续执行代码，从调用函数的地方。</p>
    <p>函数调用将被返回值取代：</p>
    <pre>
        var myVar = myFunction();
    </pre>
    <p>myVar 变量的值是 5，也就是函数 "myFunction()" 所返回的值。</p>
    <p>即使不把它保存为变量，您也可以使用返回值：</p>
    <pre>
        document.getElementById("demo").innerHTML = myFunction();
    </pre>
    <p>"demo" 元素的 innerHTML 将成为 5，也就是函数 "myFunction()" 所返回的值。</p>
</body>

</html>